<div class="gamePage">
  <div class="toolbar">

    <div class="game-menu" id="J-top-game-menu" (click)="clickLeftMenu()">
      <span class="game-menu-text dropdown-menu-btn">游<br>戏<br>选<br>择</span>
      <app-play-left [class.hideDom]="leftNotShow" ></app-play-left>
    </div>

  </div>


  <!--header-->
  <div class="header">
    <div class="w">
      <a href="" class="logo1"></a>
      <a href="" class="logo"></a>
      <!--登录后-->
      <app-login-after></app-login-after>

      <!--nav-->
      <div class="nav">
        <ul>
          <li>
            <a href="/home/index" class="a1" id="a1"><span>首页</span></a>

          </li>
          <li><a href="/Caipiao" class="a2" id="a2"><span>彩票专区</span></a>
          </li>
          <li><a href="/ZhenRen" class="a3" id="a3"><span>真人娱乐</span></a>
          </li>
          <li><a href="/DianZi" class="a4" id="a4"><span>电子游艺</span></a>
          </li>
          <li><a href="/Doji" class="a5" id="a5"><span>斗鸡现场</span></a>
          </li>
          <li><a href="/TiYu" class="a6" id="a6"><span>体育博弈</span></a>
          </li>
          <li><a href="/Youhui" class="a7" id="a7"><span>优惠活动</span></a>
          </li>
          <li>
            <a
              href="&lt;script language=&quot;javascript&quot; src=&quot;http://api.pop800.com/800.js?n=332283&amp;s=01&amp;p=l&amp;l=cn&quot;&gt;&lt;/script&gt;&lt;div style=&quot;display:none;&quot;&gt;&lt;a href=&quot;http://www.pop800.com&quot;&gt;在线客服&lt;/a&gt;&lt;/div&gt;"
              target="_blank" class="a8" id="a8"><span>在线客服</span></a></li>
        </ul>
      </div>

    </div>
  </div>
  <!--header end-->
  <script src="/Scripts/refresh.js" type="text/javascript"></script>


  <!-- header end -->
  <div class="h165"></div>


  <div class="game-main">


    <!--<div class="g_33 lot">-->
      <!--<div class="logos">-->
        <!--<h1 class="logo" style="background: url() center no-repeat;    margin-top: 25px;">-->
          <!--<a title="时时彩" id="J-lottery-logo"-->
             <!--style="background: url(/assets/Images/game/ssc_logo/logo-ssc.png) 0px 0px no-repeat scroll rgba(0, 0, 0, 0);"></a>-->
        <!--</h1>-->

        <!--<div class="deadline">-->
          <!--<div class="deadline-text">-->

            <!--<a class="sound" id="bg_music_btn" state="1" style="float: left;margin-right: 5px;"></a>-->

            <!--<input id="J-lottery-info-currentIssue" type="hidden" autocomplete="off" value="20180311004">-->
            <!--第<strong id="J-lottery-info-number">20180311004</strong>期投注截止还有-->
          <!--</div>-->
          <!--<div class="deadline-number">-->
            <!--<em class="min-left" style="display: inline;">0</em>-->
            <!--<em class="min-right" style="display: inline;">3</em>-->
            <!--<span style="display: inline;">:</span>-->
            <!--<em class="sec-left" style="display: inline;">5</em>-->
            <!--<em class="sec-right" style="display: inline;">5</em>-->
            <!--<strong style="display:none">预售中</strong>-->


          <!--</div>-->
        <!--</div>-->
      <!--</div>-->
      <!--<div class="lottery">-->
        <!--<div class="lottery-text">-->
          <!--重庆时时彩-->
          <!--第<strong id="J-lottery-info-lastnumber">20180103065</strong>期-->
          <!--<a href="/Trend/index?LotteryCode=10001" target="_blank">开奖号码&gt;</a>-->


        <!--</div>-->
        <!--<div class="lottery-number" id="J-lottery-info-balls">-->
          <!--<em>0</em> <em>3</em> <em>6</em> <em>5</em> <em>8</em>-->

        <!--</div>-->


      <!--</div>-->

      <!--<div class="program-chaseadd">-->
        <!--<ul class="program-chaseadd-title">-->
          <!--<li class="current">历史开奖号</li>-->
        <!--</ul>-->
        <!--<ul class="program-chaseadd-content">-->
          <!--<li class="current">-->
            <!--<table class="program-chaseadd-table" id="program-history-open">-->

              <!--<tbody>-->
              <!--<tr>-->
                <!--<td>20180103065</td>-->
                <!--<td><b class="price">0,3,6,5,8</b></td>-->
              <!--</tr>-->
              <!--<tr>-->
                <!--<td>20171216023</td>-->
                <!--<td><b class="price">7,0,8,4,1</b></td>-->
              <!--</tr>-->
              <!--<tr>-->
                <!--<td>20171216022</td>-->
                <!--<td><b class="price">9,7,6,1,5</b></td>-->
              <!--</tr>-->
              <!--<tr>-->
                <!--<td>20171216021</td>-->
                <!--<td><b class="price">9,6,2,4,3</b></td>-->
              <!--</tr>-->
              <!--<tr>-->
                <!--<td>20171216020</td>-->
                <!--<td><b class="price">0,4,9,6,1</b></td>-->
              <!--</tr>-->
              <!--<tr>-->
                <!--<td>20171216019</td>-->
                <!--<td><b class="price">5,9,1,9,9</b></td>-->
              <!--</tr>-->
              <!--<tr>-->
                <!--<td>20171216018</td>-->
                <!--<td><b class="price">0,5,0,6,3</b></td>-->
              <!--</tr>-->
              <!--<tr>-->
                <!--<td>20171216017</td>-->
                <!--<td><b class="price">8,8,7,5,5</b></td>-->
              <!--</tr>-->
              <!--<tr>-->
                <!--<td>20171216016</td>-->
                <!--<td><b class="price">9,0,6,3,0</b></td>-->
              <!--</tr>-->
              <!--<tr>-->
                <!--<td>20171216015</td>-->
                <!--<td><b class="price">1,0,8,0,8</b></td>-->
              <!--</tr>-->
              <!--</tbody>-->
            <!--</table>-->
          <!--</li>-->
        <!--</ul>-->
      <!--</div>-->


      <!--<div class="lottery-link" style="left: 60px;">-->
        <!--<a href="/Trend/index?LotteryCode=10001" target="_blank" class="chart">号码走势</a>-->


        <!--<a target="_blank" class="info">游戏说明</a>-->
      <!--</div>-->

    <!--</div>-->
    <app-play-time></app-play-time>


    <!-- header end -->
    <div class="gamebodybg">
      <div class="g_33 main">
        <div class="chart-switch" style="top: 192px;display:none">近期走势</div>
        <div class="play-section">
          <div id="J-play-select" class="play-select">
            <app-ssc-detail [class.isHide]='!isDetail'
                            (gameData)="getGameData($event)"></app-ssc-detail>

          </div>
        </div>
        <!-- 走势图开始 -->
        <div class="chart-section" style="display: none" id="J-game-chart">
          <!-- 动态显示各投注方式的DOM -->
          <!-- 动态显示各投注方式的DOM -->
        </div>
        <!-- 走势图结束 -->
        <!-- 选球统计开始 -->
        <div class="number-section">
          <div id="J-balls-main-panel">
            <div>
              <app-play-select
                [playData]="playData" (onChangeBetType)="isHideDetail($event)">

              </app-play-select>
            </div>
          </div>
        </div>
        <!-- 选球统计结束 -->

      </div>


    </div>
  </div>


  <!-- 底部开始 -->
  <div class="common-service">
    <div class="inner g_33"></div>
  </div>

  <!--footer-->
  <!--优势-->
  <div style="border-top: 1px solid #ddd;"></div>
  <div class="w">
    <!--<img src="/assets/index/safebg.jpg"/> -->
    <a href="/ChargeWithdrawal/ChargeIndex"><img src="/assets/index/safebg_01.jpg"></a>
    <a href="/UserInformation/QueryUserBasicInfo"><img src="/assets/index/safebg_02.jpg"></a>
    <a href="/gameUserCenter/queryOrders"><img src="/assets/index/safebg_03.jpg"></a>
    <a href="/Help/Helpone"><img src="/assets/index/safebg_04.jpg"></a>
    <a
      href="&lt;script language=&quot;javascript&quot; src=&quot;http://api.pop800.com/800.js?n=332283&amp;s=01&amp;p=l&amp;l=cn&quot;&gt;&lt;/script&gt;&lt;div style=&quot;display:none;&quot;&gt;&lt;a href=&quot;http://www.pop800.com&quot;&gt;在线客服&lt;/a&gt;&lt;/div&gt;"
      target="_blank"><img src="/assets/index/safebg_05.jpg"></a></div>
  <div class="footer">
    <div class="w">
      <div class="foot1">
				<span class="fr">
					<a href="">
						赌博委员会监管条款
					</a>
					|
					<a href="">
						隐私政策
					</a>
					|
					<a href="">
						责任博彩
					</a>
					|
					<a href="">
						安全性
					</a>
					|
					<a href="">
						免责声明
					</a>
				</span>
        <a href="" class="a1" title="客户端下载">客户端下载</a>
        <a href="" class="a2" title="域名验证">域名验证</a>
        <a href="" class="a3" title="线路检测">线路检测</a>
        <a target="_blank" id="custom-service"
           href="<script language=&quot;javascript&quot; src=&quot;http://api.pop800.com/800.js?n=332283&amp;s=01&amp;p=l&amp;l=cn&quot;></script><div style=&quot;display:none;&quot;><a href=&quot;http://www.pop800.com&quot;>在线客服</a></div>"
           class="a4" title="在线客服">在线客服
        </a></div>
      <div class="foot2 tc">
        Copyright © 2016 天下无双 版权所有 All Rights Reserved.
      </div>
    </div>
  </div>


  <!-- 底部结束 -->


  <!--背景音乐-->
  <div id="bg_music"></div>
  <!--控制播放-->

  <!-- loading开始 -->
  <div class="bet-common-loading" id="J-bet-loading-panel" style="display: none;"></div>
  <!-- loading结束 -->
  <!-- 漂浮倒计时开始 -->
  <div class="countdown countdown-current" style="right: 154.5px; display: none;">
    <a href="javascript:void(0);" style=""></a>
    <span>截止时间</span>
    <strong>03:55</strong>
  </div>
  <!-- 漂浮倒计时结束 -->


  <div class=" pop w-7" style="position: absolute; left: 100px; display: none;z-index:999" id="divPrompt">
    <div class="hd">
      <span class="close" id="divclose"></span>温馨提示
    </div>
    <div class="bd">
      <h4 class="pop-title">您确定要撤销该方案？</h4>
      <div class="pop-btn">
        <a href="javascript:void(0);" class="btn" id="divCanceled">取 消<b class="btn-inner"></b></a> <a
        href="javascript:void(0);" class="btn btn-important " id="J-Submit">确 定<b class="btn-inner"></b></a>
      </div>
    </div>
  </div>
  <div class="pop w-7" style="position: absolute; left: 500px; display: none;z-index:999" id="divPromptFailure">
    <div class="hd">
      <i class="close" id="divPromptFailuren1"></i>温馨提示
    </div>
    <div class="bd">
      <h4 id="message" class=" pop-title color-red">方案撤销失败，请检查网络或重试！</h4>
      <div class="pop-btn">
        <a href="javascript:void(0);" class="btn" id="divPromptFailuren2">
          关
          闭<b class="btn-inner"></b>
        </a>
      </div>
    </div>
  </div>
  <div class="pop pop-success w-4" style="position: absolute; left: 900px; display: none" id="divPromptOk">
    <i class="ico-success"></i>
    <h4 class="pop-text">方案已被撤销</h4>
  </div>


  <div id="pop" style="display:none;">
    <div id="popHead"><a id="popClose" title="关闭">关闭</a>
      <h2>温馨提示</h2></div>
    <div id="popContent">
      <dl>
        <dt id="popTitle"><a href="" target="_blank"></a></dt>
        <dd id="popIntro"></dd>
      </dl>
      <p id="popMore"><a href="" target="_blank">查看 »</a></p></div>
  </div>
  <div class="j-ui-miniwindow pop w-9" style="z-index: 700; position: fixed; display: none;">
    <div class="hd"><i class="close closeBtn"></i><span class="title">提示</span></div>
    <div class="bd"></div>
    <a style="display:none" href="javascript:void(0);" class="btn confirm">确 认<b class="btn-inner"></b></a><a
    style="display:none" href="javascript:void(0);" class="btn cancel">取 消<b class="btn-inner"></b></a><a
    href="javascript:void(0);" style="display: none;" class="btn closeTip">关 闭<b class="btn-inner"></b></a></div>
  <div class="j-ui-mask"
       style="position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600; width: 1349px; height: 1539px; display: none;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
  <div class="j-ui-mask"
       style="display: none; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-color: rgb(51, 51, 51); z-index: 600;"></div>
</div>
